<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<c:url value='/jquery/jquery.js'/>"></script>
<script type="text/javascript">
   
    
    $(function(){
	   //文本框失去焦点，发送AJAX请求
        $("#name").blur(function(){
            $.ajax({
                type: "get",
                url: "<c:url value='/UserExistsAjaxServlet'/>",//请求路径
                data: "name="+$("#name").val(),//请求参数
                success:function(data){//回调函数，它的参数，data就是服务器响应的数据
                	
                    if(data=="exists"){
                        $("#msg").html("用户名已注册");
                    }else{
                        $("#msg").html("");
                    }
                },
                /* 发送异常执行的回调函数 */
                error:function(){
                    alert("程序错误，稍后再试");
                }
            });
        });
    }); 
</script>

</head>
<body>
	<!-- 前端验证当前页面JS代码,后端RegistServlet调用Service方法之前验证 -->
	<form action="<c:url value='/RegistServlet'/>">
		用户名：<input type="text" name="name" id="name" /> <span id="msg"></span>
		<br /> 密码：<input type="text" name="pwd" /><br /> <input
			type="submit" value="注册" /><br />
	</form>
</body>
</html>